<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ page import="java.io.*, java.sql.*, java.util.*,LS.*"%>
<%request.setCharacterEncoding("utf-8"); %>
<!DOCTYPE html>
<html lang="UTF-8">
<style>
body,table,tr,td,select,input,div,form,textarea,font{font-family:Mond; font-size=12pt; } 
#w:hover{
	color: blue;
	cursor: pointer;
}
#i:hover{
	cursor:pointer;
}
th,td {
	padding-bottom: 5px;
	padding-top: 5px;
}

h4 {
	margin: 0px;
	padding: 0px;
}

table {
	margin: 10px;
	width: 100%;
}

#headerdiv {
	margin-bottom: 50px;
	color: #000;
}

#gongjitab {
	padding-left: 10px;
	text-align: left;
}

#gongjiview,#equiplistview {
	/*         padding: 19px 29px 29px; */
	/*         margin: 0 auto 20px; */
	margin-left: 0px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

#gongjiview {
	padding: 10px 10px 10px 10px;
	height: 197px;
}

#equiplistview {
	padding-top: 20px;
	padding-bottom: 17px;
}
</style>

<head>
<meta charset="utf-8">
<title>성공회대학교 기자재 대여 시스템</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- styles시트 -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
<link href="assets/css/docs.css" rel="stylesheet">
<script src="assets/js/jquery.js"></script>

<script type="text/javascript">

	$(document).ready(function(){
		$('#i').click(function(){
			$.smartPop.open({
				width : 900,
				height : 645,
				url : 'imgSmartPop.do'
			});
		});
	});
	function init() {
		//divClick();
	}
	
	function divClick() { $('.divs').click( SPOpen ); }
	
	function SPOpen(d) {
		var dNum = $('.divs').index(d) + 1;
		
		//alert("dlfj" + dNum);
		
		$.smartPop.open({
			width : 900,
			height : 645,
			url : 'indexSmartPop.do?dNum=' + dNum
		});
	}
	
	
	function smartPopClose() {
		$.smartPop.close();
	}
</script>

</head>

<body data-spy="scroll" data-target=".bs-docs-sidebar">
	<!-- 메뉴
    ================================================== -->
	<!-- 로그인 하기 전 메뉴 -->


	<%if(session.getAttribute("user")==null) {%>
	<jsp:include page="/top.do"></jsp:include>
	<%}else{
	    	Users u = (Users)session.getAttribute("user");
	    	if(u.getUser_position().equalsIgnoreCase("S")){%>
	<!-- 학생이 로그인 했을 경우 메뉴 -->
	<jsp:include page="/studenttop.do"></jsp:include>
	<%}else if(u.getUser_position().equalsIgnoreCase("P")) {%>
	<!-- 교수가 로그인 했을 경우 메뉴 -->
	<jsp:include page="/teachertop.do"></jsp:include>
	<%}else{%>
	<!-- 관리자가 로그인 했을 경우 메뉴 -->
	<jsp:include page="/managertop.do"></jsp:include>
	<script>
		location.href="m/indexManager.do"
	</script>
	<%}}%>
	<!-- Header
    ================================================== -->

	<div style="text-align: center">
		<div class="marketing" id="headerdiv">
			<h1>
				<strong>기자재 대여 시스템</strong><b style="font-size: 20px;">&nbsp;&nbsp;from.
					SKHU</b>
			</h1>
		</div>
		<form class="form-inline" id="searchform">
<!-- 			<input type="text" class="input-middle" size=20> -->
<!-- 			<button type="submit" class="btn" id="search">검색</button> -->
		</form>
	</div>
	<div class="container">
		<div style="height: 30px;"></div>
	</div>

	<!-- 메인
    ================================================== -->
	<div class="container">
		<div class="row-fluid" style="margin-bottom: 20px;">

			<div style="width: 100%; text-align: center;">

				<div class="span8" style="margin: 1px 1px 1px 1px; float: left">
					<div id="gongjitab">
						<h4>공지사항</h4>
					</div>
					<div id="gongjiview">
						<div id="gongji">
							<jsp:include page="/noticeTopFour.do"></jsp:include>
						</div>
						<div style="text-align: right; margin-right: 10px;">
							<a href="/LSsystem/notice.do">더보기</a>
						</div>
					</div>
				</div>
				<div class="span4" style="margin: 1px 0px 1px 1px; float: right;">
					<div id="gongjitab">
						<h4>학과별 대여가능 기자재</h4>
					</div>
					<div id="equiplistview">
						<div class="divs" id="w" onclick="SPOpen(this)"> 멀티미디어 시스템 공학과 대여 가능 기자재</div>
						<br> <div class="divs" id="w" onclick="SPOpen(this)">소프트웨어 공학과 대여 가능 기자재</div>
						<br> <div class="divs" id="w" onclick="SPOpen(this)">정보통신 공학과 대여 가능 기자재</div>
						<br> <div class="divs" id="w" onclick="SPOpen(this)">디지털 컨텐츠 학과 대여 가능 기자재</div>
						<br> <div class="divs" id="w" onclick="SPOpen(this)">글로컬 IT학과 대여 가능 기자재</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row-fluid" style="text-align: center;">
			<div class="span6" style="float: left;">
				<h4>기자재 대여 지침안</h4>
				<br> <img class="marketing-img" src="assets/img/gichiman.png"
					style="text-align: center;">
				<p>2013년도 현재 대여 지침안</p>
			</div>
			<div class="span6" style="margin: 0px; float: right;">
				<h4>A/S실</h4>
				<br> <img id="i" class="marketing-img" src="assets/img/location.png"
					style="text-align: center;">
				<p>
					성공회대학교 월당관 1층 3101<br>
				<h4 style="font-size: 13px;">Tel:02-111-2222</h4>
				</p>
			</div>
		</div>
	</div>



	<!-- 꼬리말
    ================================================== -->
	<footer class="footer">
		<div class="container">
			<p>Copyright SKHU. Software Student.</p>
		</div>
	</footer>


	<!-- javascript -->
	<script type="text/javascript"
		src="http://platform.twitter.com/widgets.js"></script>
	<script src="assets/js/bootstrap-transition.js"></script>
	<script src="assets/js/bootstrap-alert.js"></script>
	<script src="assets/js/bootstrap-modal.js"></script>
	<script src="assets/js/bootstrap-scrollspy.js"></script>
	<script src="assets/js/bootstrap-tab.js"></script>
	<script src="assets/js/bootstrap-tooltip.js"></script>
	<script src="assets/js/bootstrap-popover.js"></script>
	<script src="assets/js/bootstrap-button.js"></script>
	<script src="assets/js/bootstrap-collapse.js"></script>
	<script src="assets/js/bootstrap-carousel.js"></script>
	<script src="assets/js/bootstrap-typeahead.js"></script>
	<script src="assets/js/bootstrap-affix.js"></script>

	<script src="assets/js/holder/holder.js"></script>
	<script src="assets/js/google-code-prettify/prettify.js"></script>

	<script src="assets/js/application.js"></script>
</body>
</html>
